<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title></title>
		<link rel="stylesheet" type="text/css" href="bootstrap-4.5.0/dist/css/bootstrap.min.css" />
		<link rel="stylesheet" type="text/css" href="font-awesome-4.7.0/css/font-awesome.css" />
		<link rel="stylesheet" type="text/css" href="css/about.css" />
		<script src="js/jquery-3.3.1.js" type="text/javascript" charset="UTF-8"></script>
		<script src="bootstrap-4.5.0/dist/js/bootstrap.bundle.js" type="text/javascript" charset="UTF-8"></script>
		<script src="bootstrap-4.5.0/dist/js/bootstrap.js" type="text/javascript" charset="UTF-8"></script>
		<script src="js/popper.js" type="text/javascript" charset="UTF-8"></script>
		<script src="js/vue.js" type="text/javascript" charset="utf-8"></script>
	</head>
	<body>

		<!-- logo -->
		<div class="container py-3">
			<div class="row">
				<div class="col-lg-2 col-12 text-center pb-2">
					<img src="img/logo-header-06.png" />
				</div>
				<!-- 头部搜索框 -->
				<div class="col-lg-6 col-12 mb-3">
					<form class="rounded-pill d-flex border search">
						<ul class="nav ml-3">
							<li class="nav-item">
								<a href="#" class="nav-link dropdown-toggle" data-toggle="dropdown" style="color: gray;">MOVIES</a>
								<div class="dropdown-menu">
									<a href="#" class="dropdown-item menu_jg">VIDEOS</a>
									<hr style="color: gainsboro;" />
									<a href="#" class="dropdown-item  menu_jg">CATEGORIES</a>
									<hr style="color: gainsboro;" />
									<a href="#" class="dropdown-item menu_jg">POPULAR</a>
								</div>
							</li>
						</ul>
						<input type="text" class="border-0 headfa  border-right-0 border-bottom-0 border-top-0 mr-2 h-75 w-75 align-self-center" />
						<a href="#" class="fa fa-search mr-3 pt-2 mt-1" style="color: gray;"></a>
					</form>
				</div>
		
				<div class="col-lg-4 d-lg-block d-none ">
					<div class="d-flex flex-wrap ml-auto">
						<div class="rounded-circle mx-1 div1">
							<i class="fa fa-facebook fa-1x aa mx-auto"></i>
						</div>
						<div class="rounded-circle mx-1 div1">
							<i class="fa fa-twitter fa-1x aa mx-auto"></i>
						</div>
						<div class="rounded-circle mx-1 div1">
							<i class="fa fa-google-plus fa-1x aa mx-auto"></i>
						</div>
						<div class="rounded-circle mx-1 div1">
							<i class="fa fa-twitter fa-1x aa mx-auto"></i>
						</div>
						<button type="button" class="btn btn-danger rounded-pill">SUBMIT VIDFO</button>
					</div>
				</div>
		
			</div>
		</div>
		<!-- 项目导航栏 -->
		<div class="w-100 headertwo">
			<div class="container">
				<div class="navbar navbar-expand-md py-0">
					<button class="navbar-toggler  mr-5 py-2 d-block justify-content-center" data-toggle="collapse" data-target="#menu">
						<i class="fa fa-bars bar text-light"></i>
					</button>
					<div class="navbar-inner collapse navbar-collapse" id="menu">
						<ul class="nav nav-pills navbar-nav">
							<li><a href="index.html">HOME</a></li>
							<li class="dropdown"><a href="shop.html">MOVIE</a>
								<ul class="dropdown-menu head2 py-0">
									<li><a href="shop.html">Shop</a></li>
									<li><a href="shop_details.html">Shop_details</a></li>
								</ul>
							</li>
							<li class="dropdown"><a href="video.html">VIDEO</a>
								<ul class="dropdown-menu py-0">
									<li><a href="video.html">Video</a></li>
									<li><a href="video_details.html">Video_details</a></li>
								</ul>
							</li>
							<li class="dropdown"><a href="about.html">FEATURES</a>
								<ul class="dropdown-menu py-0">
									<li><a href="about.html">About</a></li>
									<li><a href="submit.html">Submit</a></li>
									<li><a href="list_authors.html">List_authors</a></li>
									<li><a href="authors_details.html">Authors_details</a></li>
								</ul>
							</li>
							<li class="dropdown"><a href="blog.html">BLOG</a>
								<ul class="dropdown-menu py-0">
									<li><a href="blog.html">Blog</a></li>
									<li><a href="blog_details.html">Blog_details</a></li>
								</ul>
							</li>
							<li><a href="contact.us.html">CONTACT</a></li>
						</ul>
					</div>
					<div class="right ml-auto">
						<span class="mr-0">
							<i class="fa fa-user"></i>
							<span>WELCOME GUEST!</span>
							<span style="color: red;">LOGIN</span>
						</span>
					</div>
				</div>
			</div>
		</div>
		<!-- 背景 -->
		<div style="background-image:url(img/bg-page-title-04.jpg);width: 100%;height: 300px;">
			<!-- 黑幕 -->
			<div class="container-fluid" style="background-color:rgba(0,0,0,0.5);width: 100%;height: 300px;">


				<!--Haley M.Phelps-->

				<div class="container p-0 ">

					<h1 class="text-center pt-5" style="color: white;">Haley M.Phelps</h1>
					<p class="text-center  py-3 pb-5 " style="color: white;">

						Actor,musician
					</p>

				</div>
			</div>

		</div>
		<!-- 中间 -->
		<div class="container d-flex flex-column py-5">
			<div class="row">
				<!-- 中左 -->
				<div class="col-lg-4 col-12 big">
<div class="row position-sticky sticky-top" >
	<div class="col-12 ">
			<!-- <div class="mx-auto"style="width: 100%;height: 800px; box-shadow: 5px 5px 5px 5px gainsboro;">
						<div class="ml-5 pt-3 "><img src="img/product-05.jpg"class="w-75"/></div>
					</div> -->

		
					<div style="width: 100%; box-shadow: 3px 3px 3px 3px gainsboro;">
						<div class="p-3 ">
							<div class="row">
								<div class="col-12">
									<div class="w-100 h-100 overflow-hidden">
											<img src="img/author-01.jpg" class="w-100 " />
									</div>
								</div>
							</div>
						


							<div class=" pl-4 mt-3">

								<!-- 列表 -->
								<p class="hs pr-lg-5 mb-2 f_zt font-weight-bold" style="color: black;">Birth Name:<span class="r_fd hs">Haley
										Phelps</span></p>
								<p class="hs pr-lg-5 mb-2 f_zt font-weight-bold" style="color: black;">Date of Birth:<span class="r_fd hs">
										03.Oct 1988</span></p>
								<p class="hs pr-lg-5 mb-2 f_zt font-weight-bold" style="color: black;">Residence:<span class="r_fd hs">USA</span></p>
								<p class="hs pr-lg-5 mb-2 f_zt font-weight-bold" style="color: black;">Country:<span class="r_fd hs">USA</span></p>


								<!-- <button type="button" class="btn btn-danger rounded-pill mt-2  w-75 "> WATCH VIDEO</button>		 -->
								<div class="text-center mr-5">


								</div>

							</div>

						</div>
					</div>
	</div>
</div>
				





				</div>






				<!-- 中右 -->
				<div class="col-lg-8 big">

					<b class="float-left ys">BIOGRAPHY</b><br />
					<p class="pt-3 ">Lorem ipsum dolor sit amet, consectetur adipisicing elit sed do eiusmod tempor incididunt ut
						labore etdolore magna aliqua.ut enim ad minim veniam, quls nostrud exercitation ullamco laboris nisl ut aliquipex
						ea commodo consequatDuis aute irure dolor in reprehendarit in voluptate velit esse cillum dalore eufugiat nulla
						pariatur. Excepteur sint occaocat cupidatat non proident, sunt in culpa qui officic desoruntmollit anim id est
						laborum.sed ut perspiciatis unde omnis iste natus error sit voluptatem accusantiumdoloremque laudantium, totam
						rem aperiam,eaque ipsa quae ab illo inventore veritatis et quasiarchitecto beatae vitae</p>
					<p>Nemo enim ipsam voluptatem quia voluptas sit aspernatur aut odit aut fugit, sed qula magni doloreseos qui
						ratione voluptatem sequi nesciunt.Neque porro quisquam est, qui dolorem ipsum quia dolor sitamet, consectetur,
						adipisci velit, sed quia non numquam elus modi tempora incidunt ut labore ot doloremagnam aliquam quaerat
						voluptatem.</p>
					<div class="row">
						<b class="float-left ys pt-5">VIDEO & PHOTO</b><br />

<div class="row mt-3 container">
						<div class="col-12">
							<div class="w-100 h-100 overflow-hidden">
								<img src="img/author-detail-01.jpg" class="w-100" />
							</div>
						</div>
</div>

						<p class="mt-3">Nemo enim ipsam voluptatem quia voluptas sit aspernatur aut odit aut fugit, sed quia magni doloresoos qui
							ratione voluptatem sequi nesciunt.Neque porro quisquam est, qui dolorem ipsum quia dolor sitamet,consectetur,
							adipisci velit, sed quia non numquam eius modi tempora incidunt ut labore et doloremagnam aliquam quaerat
							woluptatem.</p>
					</div>
					<!-- FIMOGRAPHY -->

					<h4 class="hei mt-5">FIMOGRAPHY</h4>
					<div class="row">
						<div class="col-lg-6">
							<h5 class="hs mt-3 ">Movie Name</h5>
						</div>
						<div class="col-lg-6">
							<h5 class="hs mt-3" style="float: right;">Relaase Date</h5>
						</div>

					</div>

					<hr class="hs" />
					<!--  -->
					<div class="row">
						<div class="col-lg-2 col-2">
							<img src="img/film-01.jpg" class="w-100" />
						</div>
						<div class="col-lg-8 col-7">
							<p>Action,Drama</p>
							<h6>Man On The Mountain</h6>
							<i>
								<span class="fa fa-star text-warning"></span>
								<span class="fa fa-star text-warning"></span>
								<span class="fa fa-star text-warning"></span>
								<span class="fa fa-star text-warning"></span>
								<span class="fa fa-star text-warning"></span>
								<span class="fa fa-star text-warning"></span>
								<span class="fa fa-star text-warning"></span>
								<span class="fa fa-star-o text-warning"></span>
								<span class="fa fa-star-o text-warning"></span>
								<span class="fa fa-star-o text-warning"></span>
								<span>7/10</span>
							</i>
						</div>
						<div class="col-lg-2 mt-4 col-3">
							<span class="float-right grayss ">May 20,2018</span>
						</div>
					</div>
					<br />
					<!--  -->
					<div class="row">
						<div class="col-lg-2 col-2">
							<img src="img/film-02.jpg" class="w-100" />
						</div>
						<div class="col-lg-8 col-7">
							<p>Action,Drama</p>
							<h6>Man On The Mountain</h6>
							<i>
								<span class="fa fa-star text-warning"></span>
								<span class="fa fa-star text-warning"></span>
								<span class="fa fa-star text-warning"></span>
								<span class="fa fa-star text-warning"></span>
								<span class="fa fa-star text-warning"></span>
								<span class="fa fa-star text-warning"></span>
								<span class="fa fa-star text-warning"></span>
								<span class="fa fa-star-o text-warning"></span>
								<span class="fa fa-star-o text-warning"></span>
								<span class="fa fa-star-o text-warning"></span>
								<span>7/10</span>
							</i>
						</div>
						<div class="col-lg-2 mt-4 col-3">
							<span class="float-right grayss ">May 20,2018</span>
						</div>
					</div>
					<br />
					<!--  -->
					<div class="row">
						<div class="col-lg-2 col-2">
							<img src="img/film-03.jpg" class="w-100" />
						</div>
						<div class="col-lg-8 col-7">
							<p>Action,Drama</p>
							<h6>Man On The Mountain</h6>
							<i>
								<span class="fa fa-star text-warning"></span>
								<span class="fa fa-star text-warning"></span>
								<span class="fa fa-star text-warning"></span>
								<span class="fa fa-star text-warning"></span>
								<span class="fa fa-star text-warning"></span>
								<span class="fa fa-star text-warning"></span>
								<span class="fa fa-star text-warning"></span>
								<span class="fa fa-star-o text-warning"></span>
								<span class="fa fa-star-o text-warning"></span>
								<span class="fa fa-star-o text-warning"></span>
								<span>7/10</span>
							</i>
						</div>
						<div class="col-lg-2 mt-4 col-3">
							<span class="float-right grayss ">May 20,2018</span>
						</div>
					</div>
					<br />

					<!--  -->
					<div class="row">
						<div class="col-lg-2 col-2">
							<img src="img/film-04.jpg" class="w-100" />
						</div>
						<div class="col-lg-8 col-7">
							<p>Action,Drama</p>
							<h6>Man On The Mountain</h6>
							<i>
								<span class="fa fa-star text-warning"></span>
								<span class="fa fa-star text-warning"></span>
								<span class="fa fa-star text-warning"></span>
								<span class="fa fa-star text-warning"></span>
								<span class="fa fa-star text-warning"></span>
								<span class="fa fa-star text-warning"></span>
								<span class="fa fa-star text-warning"></span>
								<span class="fa fa-star-o text-warning"></span>
								<span class="fa fa-star-o text-warning"></span>
								<span class="fa fa-star-o text-warning"></span>
								<span>7/10</span>
							</i>
						</div>
						<div class="col-lg-2 mt-4 col-3">
							<span class="float-right grayss ">May 20,2018</span>
						</div>
					</div>





				</div>
			</div>
		</div>
		<!-- 尾部 -->
		<div style="background-color:#222222;" class="py-5 mt-5">
			<div class="container row" style="margin: 0px auto;">
				<!--尾- 左 -->
				<div class="col-lg-4 mt-4 text-center zuo">
					<img src="img/logo-header-05.png" class="mt-2" />
					<p class="mt-4 hs">
						Lommodo ligula eget dolor.Aenean massa.Cum sociis
						que penatibus et magins dis parturent montes lorem,
						nascetur ridiculus.Donec quam delis,ultricies nec
						masson.Cum sociis
					</p>

					<!-- <li class="nav-item dropdown btn-group ml-auto mt-3">
											<input type="text" placeholder="Email" style="background-color: #222222;border: white;" class="border w-75 " />
											<a href="#" class="btn" style="background-color: red;color: white;">SUBSCRIBE</a>
										</li> -->
					<form class=" d-flex border-0 W-100 py-3 container">
						<input type="text" class="border border-dark w-75 px-3 ml-auto text-muted" placeholder="Eamil" />
						<a href="#" class="w-50 p-0 ">
							<button type="button" class="text-white border-0 w-100">SUBSCRIBE</button>
						</a>
					</form>

					<div class="tu mt-4">
						<i class="fa fa-facebook  mr-2  hs "></i>
						<i class="fa fa-twitter  mr-2  hs "></i>
						<i class="fa fa-vimeo  mr-2  hs "></i>
						<i class="fa fa-youtube-play  mr-2  hs "></i>
						<i class="fa fa-glide-g  mr-2  hs "></i>
						<i class="fa fa-camera-retro  mr-2  hs "></i>
					</div>


				</div>
				<!--尾- 中 -->
				<div class="col-lg-5 mt-4">

					<p style="color: white;font-weight: bold; font-size: 20px;" class="ml-2">LATSET POSTS</p>

					<div class="row d-flex">
						<!-- 图一 -->
						<div class="col-4  mt-3">

							<img src="img/png-post-01.png" />

						</div>
						<div class="col-8 col-lg-6 mt-3 p-0">
							<p style="color: white;" class="m-0">5 Skin Care Rituals You Should
								Be Doing Before Bed
							</p>
							<p class="hs">Dec 30,2016</p>
						</div>

						<!-- 图二 -->
						<div class="col-4  mt-3">

							<img src="img/png-post-02.png" />

						</div>
						<div class="col-8 col-lg-6 mt-3 p-0 ">
							<p style="color: white;" class="m-0">Fashion Outfit ideas to Try
								From instagram This Week
							</p>
							<p class="hs">Dec 30,2016</p>
						</div>
						<!-- 图三 -->
						<div class="col-4  mt-3">

							<img src="img/png-post-03.png" />

						</div>
						<div class="col-8 col-lg-6   p-0 mt-3">
							<p style="color: white;" class="m-0">7 Soaps to Supercharge Your
								Daily Skincare Routine</p>
							<p class="hs">Dec 30,2016</p>
						</div>
					</div>
				</div>
				<!--尾- 右 -->
				<div class="col-lg-3  mt-4  ">
					<p style="color: white;font-weight: bold; font-size: 20px;" class="ml-2">POPULAR CATEGORY</p>
					<!-- 列表 -->
					<p class="m-2"> <a href="#" class="hs   f_zt" style="text-decoration: none;">Fragrances<span class="r_fd  ">15</span></a></p>
					<p class="m-2"> <a href="#" class="hs   f_zt" style="text-decoration: none;">Hair Care<span class="r_fd ">12</span></a></p>
					<p class="m-2"> <a href="#" class="hs   f_zt" style="text-decoration: none;">Make Up<span class="r_fd ">6</span></a></p>
					<p class="m-2"> <a href="#" class="hs   f_zt" style="text-decoration: none;">Outfits<span class="r_fd ">5</span></a></p>
					<p class="m-2"> <a href="#" class="hs   f_zt" style="text-decoration: none;">Skin Care<span class="r_fd ">10</span></a></p>
					<p class="m-2"> <a href="#" class="hs   f_zt" style="text-decoration: none;">Style<span class="r_fd ">8</span></a></p>
					<p class="m-2"> <a href="#" class="hs   f_zt" style="text-decoration: none;">Fashion<span class="r_fd ">5</span></a></p>
					<p class="m-2"> <a href="#" class="hs   f_zt" style="text-decoration: none;">Lifestyle<span class="r_fd ">2</span></a></p>
					<p class="m-2"> <a href="#" class="hs   f_zt" style="text-decoration: none;">Wellness<span class="r_fd">3</span></a></p>



				</div>

			</div>


		</div>
		<!-- 最后一行 -->
		<div class="container-fluid text-center " style="background-color: black;">
			<div class="row">
				<div class="mx-auto col-lg-6">
					<p class="mt-3" style="color: gray;">Copyright 2018 Corporate WordPress Theme by All aright <span style="color: red;">ThimPress</span></p>
				</div>

			</div>
			<button class="btn text-white px-3 mr-4 mb-4" id="test" style="background-color: red; position: fixed;right: 0;bottom: 0;">↑</button>
		</div>
	</body>
	<script type="text/javascript">
		test.onclick = function() {
			scrollTo(0, 0);
		}
	</script>
</html>
